<template>
	<!-- 一级表格子项添加与二级表格编辑共用 -->
	<a-modal title="竣工资料子项管理" 
	 :width="1010"
	 :visible ="visibles"
	 @cancel="() => { $emit('cancel') }"
	 @ok="submit2"
	 >
		<a-form>
			<a-row :gutter="24">
				<a-col :md="8" :sm="8">
					<a-form-item label="所属项" 
					:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
					:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
						<a-select placeholder="请选择">
						  <a-select-option value="0">是</a-select-option>
						  <a-select-option value="1">否</a-select-option>
						</a-select>
					</a-form-item>
				</a-col>
				<a-col :md="8" :sm="8">
					<a-form-item label="序号" 
					:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
					:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
						<BaseInput  />
					</a-form-item>
				</a-col>
				<a-col :md="8" :sm="8">
					<a-form-item label="资料名称" 
					:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }" 
					:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
						<BaseInput v-model="form.nameOfData" />
					</a-form-item>
				</a-col>
				<a-col :md="8" :sm="8">
					<a-form-item label="应保管期限" 
					:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }" 
					:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
						<a-select placeholder="请选择" @select="handleChange1">
						  <a-select-option value="0">是</a-select-option>
						  <a-select-option value="1">否</a-select-option>
						</a-select>
					</a-form-item>
				</a-col>
			</a-row>
		</a-form>
	</a-modal>
</template>

<script>
	export default{
		props:{
			visibles: {
			  type: Boolean,
			  required: true
			},
		},
		data(){
			return{
				form:{}
			}
		},
		methods:{
			submit2(){
				this.$emit('ok',this.form)
			},
			handleChange1(e){
				this.form.storagePeriod = e
				// console.log(e)
			}
		}
	}
</script>

<style>
</style>
